<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<body>
    <main> 
        <!-- 轮播图 -->
        <header>
            <!-- 轮播图 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide bg01"></div>
                    <div class="swiper-slide bg02"></div>
                    <div class="swiper-slide bg03"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>

            
        </header>


        
        <!-- 主要内容 -->
                <ul id="first" class="container mt20">
                    <li id="one" >
                        <div class="fed3"></div>
                        <div class="bold f18 pt15 pl13">今日排名</div>
                        <div class="f3 fw600 ml10 mt23 f60" id="rankingbtn"></div>
                        
                    </li>
                    <li id="two" class="fed3 f18 bold pt15 pl13" >累计打卡 
                       <span class="f18" id="clockCountbtn"></span> 天
                       <div class="twoA f14 bold ml73" id="clockin"></div> </li>
                </ul>
    
                <ul id="second" class="container mt20">
                    <li id="three" class="f3 f14 pt15 pl13 bold">运动数据</li>
                    
                    <li id="four" class="pt15 pl13 f14  c005117 bold">累积运动徽章 

                        <div class="fw600 f72 pl80 c004 mt-11" id="badgesbtn"> 
                             </div>
                       
                    </li>
                    
                </ul>
    
                <ul id="thirdly" class="container mt20">
                    <li id="five" class="f3 bold f14 pt15 pl13">课程训练</li>
                </ul>
    
                <ul id="last"  class="container mt20 mb20">
                        <li id="six" class="f3 bold f14 pt15 pl13"> 户外跑步 </li>
                </ul>
            
            
        </main>
    
    
        <!-- 页脚 -->
        <!-- <footer>
            <ul>
                <li> 
                    <a href="home.html"  class="active">
                      <span class="iconfont icon-shouye"></span>
                    <p>首页</p>  
                    </a>
                    
                </li>
                <li>
                    <a href="sports.html">
                        <span class="iconfont icon-shouye1"></span>
                    <p>运动</p>
                    </a>
                   
                </li>
                <li>
                    <a href="circle.html">
                        <span class="iconfont icon-iconquanzi"></span>
                    <p>圈子</p>
                    </a>
                   
                </li>
                <li>
                    <a href="my.html">
                       <span class="iconfont icon-wode-wodefensi"></span>
                    <p>我的</p> 
                    </a>
                   
                </li>
            </ul>
        </footer> -->
    
</body>
</html>